<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="../../static/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../static/bootstrap3/font-awesome-4.7.0/css/font-awesome.css"/>

    <style>

        .zong_1{
            position: relative;
            display: block;
            text-align: center;
            margin: 0 -100px;
            padding: 0;
            width: 1300px;
        }

        /* 头部部分 */
        .col{
            position: relative;
            min-height: 1px;
            padding: 1px 15px;
            display: inline-block;
            line-height: 100px;
            margin: 0px auto;
        }
        .list{
            float: right;
            font-size: 1.5em;
            list-style: none;
            position: relative;
            margin: 4px 40px;
            padding: 0;

        }
        .list>li{
            display: inline;
            margin: 0px auto;
            padding: 0px 20px;
            color: #646b82;
        }

        /* 导航部分 */
        .top-nav-left a{
            font-size: 20px;
        }

        /*购物车部分*/
        .con{
            width: 990px;
            position: relative;
            margin: 0px auto;
            padding: 0;
            top: 10px;
        }
        .head_h{
            position: relative;
            text-align: left;
        }
        .cart_1{
            font-size: 20px;
            width: 100px;
            position:relative;
            margin-left: 10px;
        }

        .cart_table{
            position: relative;
            margin: 0;
            padding: 0;
            border-collapse: collapse;
            width: 950px;
        }
        .cart_body{
            border-top: 1px dashed #ccc;
        }
        .cart_body_zong{
            height: 85px;
            position: relative;
            left: -10px;
        }
        .cart_2{
            position: relative;
            text-align: center;
            margin: 0px 0px;
            padding: 0;
            height: 85px;
            line-height: 85px;
            overflow: hidden;
        }
        .cart_2_img{
            position: relative;
            display: block;
            text-align: left;
        }
        .cart_2_img img{
            width: 80px;
            height: 80px;

        }
        .cart_2_img span{
            position: relative;
            margin: 0 -15px;
            padding: 0;
            width: 200px;
        }
        .cart_2_btn{
            width: 160px;
            position: relative;
            margin: 10px auto;
            padding: 17px 0;
            text-align: center;
        }

        .cart_2_p{
            position: relative;
            text-align: center;
            margin: 0px 0px;
            padding: 0;
            line-height: 80px;
        }
        .cart_2_p span{
            font-size: 20px;
        }
        .cart_2_del{
            position: relative;
            margin: 25px auto;
            padding: 0;
            left: -20px;
        }
        .panel_set input{
            position: relative;
            width: 90px;
            height: 50px;
            margin: 7px 35px;
            padding: 0;
        }

        .goods_name{
            position: relative;
            left: 20px;
        }

    </style>
</head>
<body>
<div class="container">
    <div class="zong_1">
        <header class="header">
            <div class="row">
                <div class="col-md-3 col"></div>
                <div class="col-md-9 col">
                    <ul class="list">
                        <li>
                            <a href="http://localhost:8080/sIndex"><span class="glyphicon glyphicon-home"></span>主页</a>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <section>
            <div class="container">
                <div class="con" th:each="address:${add}">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="head_h">
                                <h3 style="font-size: 20px">
                                    <span th:text="${address.name}"></span>
                                    <span th:text="${address.phone}"></span>
                                    <span th:text="${address.address}"></span>
                                    <span class="pull-right panel-title fa fa-shopping-cart"> 订单</span>
                                </h3>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div class="cart_table">
                                <div class="row">
                                    <div class="col-md-3 col-sm-3 col-xs-3">
                                        <div class="cart_1" style="position:relative;margin: 0 auto;">
                                            <span style="position:relative;left: 0px;">商品</span>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-2">
                                        <div class="cart_1">
                                            <span>单价</span>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-2">
                                        <div class="cart_1">
                                            <span>数量</span>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-2">
                                        <div class="cart_1">
                                            <span>小计</span>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-2">
                                        <div class="cart_1">
                                            <span>状态</span>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-1 col-xs-1">
                                        <div class="cart_1" style="text-align: left;left: -15px;">
                                            <span>操作</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="cart_body" id="cart_body_1" th:each="order:${list1}">
                                <div class="cart_body_zong" th:if="${address.id}==${order.addressId}">
                                    <div class="row">
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                            <div class="cart_2">
                                                <div class="cart_2_img">
                                                    <a th:href="'http://localhost:8080/sel/detail?id='+${order.goodsId}">
                                                        <img th:src="${order.imgurl}">
                                                        <span class="goods_name" th:text="${order.name}"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-2 col-xs-2">
                                            <div class="cart_2">
                                                ￥<span th:id="'price_'+${order.id}" th:text="${order.price}"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-2 col-xs-2">
                                            <div class="cart_2_btn">
                                                <span th:id="'price_'+${order.id}" th:text="${order.num}"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-2 col-xs-2">
                                            <div class="cart_2">
                                                ￥<span th:id="'hide'+${order.id}" th:text="${order.sumPrice}"></span>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-2 col-xs-2">
                                            <div class="cart_2_p">
                                                <span th:id="'cast'+${order.id}" th:text="${order.status}">0</span><br>
                                            </div>
                                        </div>
                                        <div class="col-md-1 col-sm-1 col-xs-1">
                                            <div class="cart_2_del">
                                                <span th:if="${order.status}=='未发货'"><a th:href="'http://localhost:8080/selChangeStatus?id='+${order.id}" class="btn btn-danger">确认发货</a></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>


</body>
<script type="text/javascript" src="../../static/bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/respond.min.js"></script>
<script type="text/javascript" src="../../static/bootstrap3/js/jquery.js"></script>
<script type="text/javascript">

</script>
</html>